<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-11-29 10:15:06
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2023-12-07 23:13:02
 * @FilePath: /tuberculosis_screening_app/src/modules/center/components/header.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="header">
    <div class="consumer_card px_sm">
      <div class="consumer align-items_center">
        <div>
          <van-image
            class=""
            round
            width="4.4rem"
            height="4.4rem"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
          />
        </div>
        <div class="flex pl_xs">
          <p class="username">王立志 <van-icon name="star-o" /></p>
          <p class="phone">15900001111</p>
        </div>
      </div>
    </div>
    <div class="t_right py_xs px_sm">
      <van-button class="px_lg" round type="primary" size="small">拉去数据</van-button>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import '../styles/index.scss';

export default defineComponent({});
</script>

<style lang="scss" scoped></style>
